﻿*{
    box-sizing: border-box;
}

html, body {
    height: 100%;
    padding: 0px;
    margin: 0px;
}

ul, li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.zb-w {
    width: 100%;
}

.zb-h {
    height: 100%;
}

.zb-pull-left{
    float: left;
    clear: inherit;
}

.zb-pull-right {
    float: right;
    clear: inherit;
}

.zb-text-center{
    text-align: center;
}

.zb-text-left{
    text-align:left;
}

.zb-text-right{
    text-align: right;
}

a {
    text-decoration: none !important;
    cursor: pointer;
}

.zb-cursor-pointer{
    cursor: pointer
}

.zb-layout {
    height: 100%;
    display: flex;
    flex-direction: column;
}

    .zb-layout .zb-layout-header {
        height: 50px;
        border-bottom: solid 1px #e6e6e6;
    }

        .zb-layout .zb-layout-header .zb-logo {
            width: 220px;
            height: 50px;
            border-right: solid 1px #e6e6e6;
            font-size: 18px;
            padding-left: 10px;
            padding-top: 15px;
        }

        .zb-layout .zb-layout-header ul.zb-layout-func li {
            border-left: solid 1px #e6e6e6;
            float: left;
            font-family: FontAwesome;
        }

            .zb-layout .zb-layout-header ul.zb-layout-func li a {
                display: inline-block;
                height: 50px;
                line-height: 50px;
                width: 50px;
                text-align: center;
            }
                .zb-layout .zb-layout-header ul.zb-layout-func li span{
                    height: 50px;
                    line-height: 52px;
                    display: inline-block;
                    margin-right: 20px;
                }

                .zb-layout .zb-layout-content {
                    flex: 1;
                    display: flex;
                    overflow: hidden;
                }

        .zb-layout .zb-layout-content .zb-layout-content-left {
            width: 220px;
            border-right: solid 1px #e6e6e6;
            
        }

            .zb-layout .zb-layout-content .zb-layout-content-left .panel-group .panel-default {
                border-top: solid 1px #e6e6e6;
            }

                .zb-layout .zb-layout-content .zb-layout-content-left .panel-group .panel-default:first-child {
                    border-top: none;
                }

            .zb-layout .zb-layout-content .zb-layout-content-left .list-group {
                border-top: none !important;
            }

                .zb-layout .zb-layout-content .zb-layout-content-left .list-group .list-group-item {
                    padding-left: 35px;
                    border-right: none !important;
                    cursor: pointer;
                }

                    .zb-layout .zb-layout-content .zb-layout-content-left .list-group .list-group-item:first-child {
                        border-radius: 0px !important;
                    }

                    .zb-layout .zb-layout-content .zb-layout-content-left .list-group .list-group-item:last-child {
                        border-radius: 0px !important;
                    }

        .zb-layout .zb-layout-content .zb-layout-content-content {
            flex: 1;
            display: flex;
            flex-direction: column;
        }

            .zb-layout .zb-layout-content .zb-layout-content-content .tab-menus {
            }

            .zb-layout .zb-layout-content .zb-layout-content-content .tab-content {
                flex: 1;
                display: flex;
                flex-direction: column;
            }

                .zb-layout .zb-layout-content .zb-layout-content-content .tab-content .tab-frame {
                    flex: 1;
                    border: none;
                    width: 100%;
                }

        .zb-layout .zb-layout-content .zb-layout-content-right {
        }

    .zb-layout .zb-layout-footer {
        box-sizing: border-box;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-top: solid 1px #e6e6e6;
        background-color: #f2f2f2;
    }

.zb-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 5px;
    display: flex;
    flex-direction: column;
}

    .zb-wrapper .zb-wrapper-search {
        height: 50px;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 5px;
        border-radius: 4px;
        border: solid 1px #e6e6e6;
        margin-bottom: 4px;
    }

        .zb-wrapper .zb-wrapper-search .layui-form-item {
            margin-bottom: 0px;
            margin-right: 10px;
        }

    .zb-wrapper .zb-wrapper-content {
        flex: 1;
    }

.zb-form-table {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

    .zb-form-table > thead > tr > th,
    .zb-form-table > tbody > tr > td {
        padding: 3px;
    }

    .zb-form-table .zb-form-table-label {
        width: 70px;
        text-align: right
    }

    .zb-form-table .zb-form-table-value {
        width: 200px;
        text-align: left;
    }

.zb-form-line{
    display: flex;
}

    .zb-form-line .el-form-item{
        flex: 1;
    }
.zb-form-item{
    min-height: 30px;
    display: flex;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
}

    .zb-form-item .item-label{
        width: 80px;
    }
    .zb-form-item .item-content {
        flex: 1;
        width: 0px;
        word-break: break-all;
        white-space: pre-wrap;
    }
    /* query */
    .zb-query-frame {
        height: 40px;
        border-bottom: solid 1px #e6e6e6;
        display: flex;
    }

    .zb-query-frame .query-block {
        display: flex;
        margin-right: 10px;
        margin-left: 10px;
        align-items: center;
    }

    .zb-query-frame > .query-block > span {
        /*width: 110px;
        display: block;*/
        width: auto;
        font-size: 14px;
    }

    .zb-query-frame > .query-block > .el-input{
        width: 120px;
    }

    .zb-func-frame {
        /*height: 28px;*/
        border-bottom: solid 1px #e6e6e6;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .zb-func-frame button{
        
    }
    /* dialog */
    .zb-dialog-query-frame {
        height: 50px;
        border-bottom: solid 1px #d9d9d9;
    }

.zb-dialog-wrap{
    height: 45px;
    line-height: 45px;
    padding-left: 10px;
}

/* border */
.zb-border {
    border: solid 1px #e6e6e6;
}

.zb-border-left {
    border-left: solid 1px #e6e6e6;
}

.zb-border-right {
    border-right: solid 1px #e6e6e6;
}

.zb-border-top {
    border-top: solid 1px #e6e6e6 !important;
}

.zb-border-bottom {
    border-bottom: solid 1px #e6e6e6;
}

.zb-border-no {
    border: none !important;
}

.zb-border-notop {
    border-top: none;
}

.zb-border-nobottom {
    border-bottom: none;
}

.zb-border-noleft {
    border-left: none !important;
}

.zb-border-noright {
    border-right: none !important;
}

.zb-flex {
    display: flex !important;
}

.zb-flex-1 {
    flex: 1;
}

.zb-flex-2 {
    flex: 2;
}

.zb-flex-row {
    flex-direction: row;
}

.zb-flex-column {
    flex-direction: column;
}

.zb-flex-horizontally {
    align-items: center
}

.zb-flex-vertical{
    justify-content: center;
}

/* padding */
.zb-padding-no {
    padding: 0px;
}

.zb-padding-1{
    padding: 10px !important;
}

.zb-padding-top-1 {
    padding-top: 10px !important;
}

.zb-padding-left-1 {
    padding-left: 10px !important;
}

.zb-padding-right-1 {
    padding-right: 10px !important;
}

.zb-padding-bottom-1 {
    padding-bottom: 10px !important;
}

/* margin */
.zb-margin-no {
    margin: 0px !important;
}

.zb-margin-nobottom{
    margin-bottom: 0px !important;
}

.zb-margin-1 {
    margin: 10px !important;
}

.zb-margin-left-1 {
    margin-left: 10px !important;
}

.zb-margin-right-1 {
    margin-right: 10px !important;
}

.zb-margin-top-1 {
    margin-top: 10px !important;
}

.zb-margin-bottom-1 {
    margin-bottom: 10px !important;
}

.zb-margin-left-2 {
    margin-left: 20px !important;
}

.zb-margin-right-2 {
    margin-right: 20px !important;
}

.zb-margin-top-2 {
    margin-top: 20px !important;
}

.zb-margin-bottom-2 {
    margin-bottom: 20px !important;
}

/* other */
.zb_price {
    font-weight: bold;
    color: red;
}


.zb-fullscreen, .zb-back {
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 90px;
    border-radius: 50%;
    position: fixed;
    top: 70px;
    left: 70px;
    border: solid 5px #ffffff;
    font-size: 50px;
    display: block;
    cursor: pointer;
}

:not(:root):fullscreen{
    transform: unset !important;
}

.zb-back {
    top: 180px;
    left: 70px;
    color: #ffffff !important;
}

.zb-word-nobreak {
    text-overflow: ellipsis;
    overflow: hidden;
    text-wrap: none;
    overflow-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
}